<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />

	
	<link rel="stylesheet" href="{{ STATIC_URL }}css/style.css">
	<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

</head>

<body>
	<div id="wrap">
		<header class="navbar navbar-static-top bs-docs-nav " id="top" role="banner">
			<div class="navbar navbar-default navbar-fixed-top" role="navigation">
	      		<div class="container">
			        <div class="navbar-header">
			          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
			            	<span class="sr-only">Toggle navigation</span>
			            	<span class="icon-bar"></span>
			            	<span class="icon-bar"></span>
			            	<span class="icon-bar"></span>
			          	</button>
			          	<a class="navbar-brand" href="#">Reportez.co</a>
			        </div>
	        		
	        		<div class="navbar-collapse collapse">
	          			<ul class="nav navbar-nav">
	            			<li class="active"><a href="#">Actual reporte</a></li>
	            			<li><a href="#about">Todos mis reportes</a></li>
	          			</ul>
	        		</div><!--/.nav-collapse -->
	      		</div>
	    	</div>

		</header>

		<div class="container" style="width:85%; background-color:#CFCDCD">
			<div id="leftBlock">	
				<table width="100%" border="0" cellspacing="20px" cellpadding="2">
					<tr>
				      <td>
				        <div ><strong>¿Qué está andando bien en tu trabajo? ¿Algún logro (grande o pequeño) para destacar esta semana?</strong></div>
				    	<br>
				      	<ul id="answers1" class="item-list">
							<input id="goodThing" name="goodThing" class="answers" type="text" onkeydown="addField('answers1','goodThing',event,this)">	
						</ul>
				      </td>
					</tr>
					
					<tr>
				      <td>
				        <div ><strong>¿Qué problemas estás enfrentando? ¿Cómo pensás solucionarlos y dónde necesitas ayuda?</strong></div>
				      	<br>
				      	<ul id="answers2" class="item-list">
							<input id="problem" name="problem" class="answers" type="text" onkeypress="addField('answers2','problem',event,this)">				
						</ul>
				      </td>
					</tr>

					<tr>
				      <td>
				        <div ><strong>Una buena idea (que genere una mejora en tu trabajo, equipo u organización)</strong></div>
				      	<br>
				      	<ul id="answers3" class="item-list">
							<input id="goodIdea" name="goodIdea" class="answers" type="text" onkeypress="addField('answers3','goodIdea',event,this)">				
						</ul>
				      </td>
					</tr>
					
					<tr>
				      <td>
				        <div ><strong>¿Cómo te estás sintiendo? ¿Cuál es la moral que percibis en el entorno?</strong></div>
				      	<br>
				      	<ul id="answers4" class="item-list">
							<input id="moral" name="moral" class="answers" type="text" onkeypress="addField('answers4','moral',event,this)">				
						</ul>
				      </td>
					</tr>
				</table>
				


				<div align="left">
					<button type="button" class="btn btn-default btn-lg" onclick="saveReport()">Guardar</button>
					<button type="button" class="btn btn-default btn-lg">Enviar</button>
				</div>
			</div>

		
			<div id="rightBlock">
				Revisores
			</div>
				
				
		</div>
	</div>
	
	<div id="footer" >
		<div class="container">
			<p>
				Reportz.co <br />
				Todos los derechos reservados.
			</p>
		</div>
	</div>
	
	

	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

	<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

	<script type="text/javascript" src="{{ STATIC_URL }}js/EmployeeWeekly.js"></script>
</body>

</html>